@tailwind base;
@tailwind components;
@tailwind utilities;

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}

/* 基础CSS变量 */
:root {
  --background: 0 0% 100%;
  --foreground: 240 10% 3.9%;
  --border: 240 5.9% 90%;
  --radius: 0.5rem;
}

/* 简单的滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #fbbf24;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #f59e0b;
}

/* 转盘动画样式 */
.duration-3000 {
  transition-duration: 3000ms;
}

/* 签到日历样式 */
.calendar-day {
  transition: all 0.2s ease;
}

.calendar-day:hover {
  transform: scale(1.05);
}

/* 转盘扇形样式 */
.wheel-sector {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* 抽奖按钮样式 */
.lottery-button {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.lottery-button:hover {
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}